<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="keywords" content="51Talk,微信直播课"/>
    <meta name="description" content="想要全球Walk，请来51Talk！名师公开课就要开始啦，上课戳这里哦~" />
    <title>{$courseInfo.course_name}</title>
    <link rel="stylesheet" type="text/css" href="/static/acweb/release/css/main.min.css">
</head>
<body>
<div class="cl_before_container"  id="beforeContainer">
    <div class="mid_container">
        {if $courseInfo.isopenvideo == 1}
        <div class="box-163css2 h51" id="stuPage2">
        <ul id="pagenavi2" class="page" style="display: none;">
            <li><a href="javascript:;" class="active">12&nbsp;</a></li>
        </ul>
        <div id="slider2" class="swipe h49">
            <ul class="box01_list">
                <li class="li_list" id="liHeader">
                    <header class="exit_page" id="intoPage">
                        <div class="cinfo">
                            <div class="spinner">
                                <div class="rect1"></div>
                                <div class="rect2"></div>
                                <div class="rect3"></div>
                                <div class="rect4"></div>
                                <div class="rect5"></div>
                            </div>
                            <h1>正在进入教室</h1>
                        </div>
                    </header>
                    <header class="header" id="headerPage">
                        <div class="do-item ">
                            <img class="logo" src="/static/acweb/release/images/new_logo.png">
                            <!--金山的不显示分享-->
                            {if $userInfo.channel != 10001}
                            <div class="do-r">
                                <a href="javascript:;" class="heart-ico" id="heartBtn"></a>
                                <a href="javascript:;" class="cang-ico" id="shareBtn"></a>
                            </div>
                            {/if}
                        </div>

                        <div class="cinfo">

                            <h1 id="classTitle">{$courseInfo.course_name}</h1>
                            <h4>主讲老师：<span id="teachName">{$courseInfo.tea_name}</span></h4>
                        </div>
                        <div class="jltime">距上课时间：<span id="classTimeC"></span> (<span id="onlineSpan" class="onlineSpan"></span>人在线)</div>
                    </header>
                </li>
            </ul>

        </div>

    </div>

        <div class="box-163css" id="stuPage">
            <ul id="pagenavi" class="page">
                <li><span class="active">教材</span></li>
                <li><span>讨论</span></li>
                <li><span>课堂助手</span></li>
            </ul>
            <div id="slider" class="swipe">
                <div class="box01_list">

                    <div class="li_item donut-front" id="contain_course">
                        <div class="conCour_list">
                        <div class="news_list" id="courseShow">

                            <img src="{$courseInfo.course_pic_first}" class="img" id="teacherImg">
                            <input type="hidden" value="{$courseInfo.course_pic_first}" id="coursePicPathHid">

                            <input type="hidden" value="{$courseInfo.pic_count}" id="coursePicCountHid">

                            <!--<img src="images/1.png" class="img" id="teacherImg">-->
                            <!--<input type="hidden" value="images/1.png" id="coursePicPathHid">-->
                        </div>
                        <div class="paint_list">
                            <div style="width: 100%;height: 100%;position: relative">
                                <canvas id="paint_canvas"></canvas>
                                <div id="mouseUpdate"></div>
                            </div>
                        </div>
                    </div>
                        <div class="zoom big" id="zoomBtn"></div>
                    </div>
                    <div class="li_item donut-back" id="contain_chat">
                        <div class="news_list">
                        <div class="chat-container">
                            <!--聊天内容-->
                            <div class="chat_box" id="wrapper">
                                <div class="box" id="userChatBox">

                                </div>
                            </div>
                            <!--聊天文本框-->
                            <div class="chat_write_box">
                                <a class="hide_chat_btn student_btn" id="hideChatBtn">所有人</a>
                                <div class="write_area">
                                    <input type="text" class="chat_txt" id="chatTxt">
                                    <a class="chat_send" id="chatSend" href="javascript:;"><img src="/static/acweb/release/images/send_grey.png"></a>
                                </div>

                            </div>
                        </div>
                    </div></div>
                    <div class="li_item donut-back" id="helper_box">
                        <div class="news_list" id="helper_item">
                            <dl>
                                <dt>1、为什么听不到老师声音？</dt>
                                <dd>可能是您的手机设置为“静音模式”！请将您的手机设置为“非静音模式”，您可以佩戴耳机，收听效果更好！
                                </dd>
                            </dl>
                            <dl>
                                <dt>2、视频卡顿怎么办？</dt>
                                <dd>建议在网络情况较好的情况下观看直播，如果网速不佳，您可以点击视频右上角的音视频切换图标，切换到音频模式观看，保证收听效果，还可以节约流量哦！
                                </dd>
                            </dl>
                            <dl>
                                <dt>3、怎样把课程分享给朋友？</dt>
                                <dd>点击页面右上角的“..."图标，选择“分享到朋友圈” 或“发送给朋友”，即可让更多的朋友和您一起学习51talk的精彩课程！
                                </dd>
                            </dl>
                            <dl>
                                <dt>4、如何获得更多课程信息？</dt>
                                {if $userInfo.wxs_id}
                                <dd>关注“51talk无忧英语”微信服务号，就能及时获得更多精彩课程信息哦～
                                    您可以搜索“51talk无忧英语”服务号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                    <div class="p">
                                        <img width="117" height="117" src="/static/acweb/release/images/fuwuhao.png" class="erma">
                                        <h4>"51talk无忧英语"微信服务号</h4>
                                    </div>
                                </dd>
                                {else}
                                <dd>
                                    {if $userInfo.channel != 10001}
                                        {if $occup == "adult" || $occup == "all"}
                                        关注“51talk无忧英语”微信公众号，就能及时获得更多精彩课程信息哦～
                                        您可以搜索“51talk无忧英语”微信号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                        {/if}
                                        {if $occup == "junior"}
                                        关注“51Talk无忧青少英语”微信公众号，就能及时获得更多精彩课程信息哦～
                                        您可以搜索“51Talk无忧青少英语”微信号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                        {/if}
                                        {if $occup == "oumei"}
                                        关注“51Talk美国小学”微信公众号，就能及时获得更多精彩课程信息哦～
                                        您可以搜索“51Talk美国小学”微信号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                        {/if}
                                    {else}
                                    您可以搜索“51talk无忧英语”微信号，即可关注我们。
                                    {/if}
                                    {if $userInfo.channel != 10001}
                                        {if $occup == "adult" || $occup == "all"}
                                        <div class="p">
                                            <img width="117" height="117" src="/static/acweb/release/images/talker51.png" class="erma">
                                            <h4>"51talk无忧英语"微信公众号</h4>
                                        </div>
                                        {/if}
                                        {if $occup == "junior"}
                                        <div class="p">
                                            <img width="117" height="117" src="/static/acweb/release/images/qingshao_erma.png" class="erma">
                                            <h4>"51Talk无忧青少英语"微信公众号</h4>
                                        </div>
                                        {/if}
                                        {if $occup == "oumei"}
                                        <div class="p">
                                            <img width="117" height="117" src="/static/acweb/release/images/meixiao_erma.png" class="erma">
                                            <h4>"51Talk美国小学"微信公众号</h4>
                                        </div>
                                        {/if}
                                    {else}
                                    <div class="p">
                                        <img width="117" height="117" src="/static/acweb/release/images/talker51.png" class="erma">
                                        <h4>"51talk无忧英语"微信公众号</h4>
                                    </div>
                                    {/if}
                                </dd>
                                {/if}
                            </dl>
                        </div>
                    </div>

                </div>

            </div>

        </div>
        <div class='mask' id='weiMask'></div>
        <!--模拟聊天区域的高度-->
        <div class="chat-box-back"></div>
        {else}
        <!--模拟聊天区域的高度-->
        <div class="chat-box-back"></div>
        <div class="box-163css2 h36" id="stuPage2">
            <ul id="pagenavi2" class="page" style="display: none;">
                <li><a href="javascript:;" class="active">12&nbsp;</a></li>
            </ul>
            <div id="slider2" class="swipe">
                <ul class="box01_list">
                    <li class="li_list" id="liHeader">

                        <div class="li_item donut-front dark" id="contain_course">
                            <div class="conCour_list hidden">
                                <div class="news_list" id="courseShow">

                                    <img src="{$courseInfo.course_pic_first}" class="img" id="teacherImg">
                                    <input type="hidden" value="{$courseInfo.course_pic_first}" id="coursePicPathHid">
                                    <input type="hidden" value="{$courseInfo.pic_count}" id="coursePicCountHid">

                                </div>
                                <div class="paint_list">
                                    <div style="width: 100%;height: 100%;position: relative">
                                        <canvas id="paint_canvas"></canvas>
                                        <div id="mouseUpdate"></div>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="zoom big" id="zoomBtn"></div>-->
                        </div>
                        <header class="header" id="headerPage">

                            <div class="online-box"><span id="onlineSpan" class="onlineSpan"></span>人在线</div>
                            <div class="cinfo">
                                <img class="logo" src="/static/acweb/release/images/logo.png">
                                <h1 id="classTitle">课件秘密炼制中</h1>

                            </div>

                        </header>
                    </li>
                </ul>

            </div>

        </div>
        <div id="megTipBox">
            <div class="left">
                <span id="timeSapn">距离上课时间：<span id="classTimeC"></span></span>
                <span id="teaNoEnter" class="hide">老师不在</span>
                <span id="zhiboing" class="hide">正在直播...</span>
                (<em id="onlineSpan" class="onlineSpan"></em>人在线)
            </div>
            <img class="right zoomAudio big" id="zoomBtn" alt="放大" src="/static/acweb/release/images/fangda.png">
        </div>
        <div class="box-163css h64" id="stuPage">
            <ul id="pagenavi" class="page">
                <li><span class="active">讨论</span></li>
                <li><span>课堂助手</span></li>
            </ul>
            <div id="slider" class="swipe">
                <div class="box01_list">
                    <div class="li_item donut-back showdiv" id="contain_chat">
                        <div class="news_list">
                            <div class="chat-container">
                                <!--聊天内容-->
                                <div class="chat_box h90" id="wrapper">
                                    <div class="box" id="userChatBox">

                                    </div>
                                </div>
                                <!--聊天文本框-->
                                <div class="chat_write_box">
                                    <a class="hide_chat_btn student_btn" id="hideChatBtn">所有人</a>
                                    <div class="write_area">
                                        <input type="text" class="chat_txt" id="chatTxt">
                                        <a class="chat_send" id="chatSend" href="javascript:;"><img src="/static/acweb/release/images/send_grey.png"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="li_item donut-back" id="helper_box">
                        <div class="news_list" id="helper_item">
                            <dl>
                                <dt>1、为什么听不到老师声音？</dt>
                                <dd>请将您的手机设置为“非静音模式”试试；如果还是听不到声音，请将您的微信升级到最新版本，或使用其他浏览器上课。您可以佩戴耳机，收听效果更好！
                                </dd>
                            </dl>
                            <dl>
                                <dt>2、怎样把课程分享给朋友？</dt>
                                <dd>点击页面右上角的“..."图标，选择“分享到朋友圈” 或“发送给朋友”，即可让更多的朋友和您一起学习51talk的精彩课程！
                                </dd>
                            </dl>

                            <dl>
                                <dt>3、如何获得更多课程信息？</dt>
                                {if $userInfo.wxs_id}
                                <dd>关注“51talk无忧英语”微信服务号，就能及时获得更多精彩课程信息哦～
                                    您可以搜索“51talk无忧英语”服务号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                    <div class="p">
                                        <img width="117" height="117" src="/static/acweb/release/images/fuwuhao.png" class="erma">
                                        <h4>"51talk无忧英语"微信服务号</h4>
                                    </div>
                                </dd>
                                {else}
                                <dd>
                                    {if $userInfo.channel != 10001}
                                        {if $occup == "adult" || $occup == "all"}
                                        关注“51talk无忧英语”微信公众号，就能及时获得更多精彩课程信息哦～
                                        您可以搜索“51talk无忧英语”微信号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                        {/if}
                                        {if $occup == "junior"}
                                        关注“51Talk美国小学”微信公众号，就能及时获得更多精彩课程信息哦～
                                        您可以搜索“51Talk无忧青少英语”微信号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                        {/if}
                                        {if $occup == "oumei"}
                                        关注“51Talk美国小学”微信公众号，就能及时获得更多精彩课程信息哦～
                                        您可以搜索“51Talk美国小学”微信号，或长按下方二维码，选择“识别图中二维码”，即可关注我们。
                                        {/if}
                                    {else}
                                    您可以搜索“51talk无忧英语”微信号，即可关注我们。
                                    {/if}
                                    {if $userInfo.channel != 10001}
                                        {if $occup == "adult" || $occup == "all"}
                                        <div class="p">
                                            <img width="117" height="117" src="/static/acweb/release/images/talker51.png" class="erma">
                                            <h4>"51talk无忧英语"微信公众号</h4>
                                        </div>
                                        {/if}
                                        {if $occup == "junior"}
                                        <div class="p">
                                            <img width="117" height="117" src="/static/acweb/release/images/qingshao_erma.png" class="erma">
                                            <h4>"51Talk无忧青少英语"微信公众号</h4>
                                        </div>
                                        {/if}
                                        {if $occup == "oumei"}
                                        <div class="p">
                                            <img width="117" height="117" src="/static/acweb/release/images/meixiao_erma.png" class="erma">
                                            <h4>"51Talk美国小学"微信公众号</h4>
                                        </div>
                                        {/if}
                                    {else}
                                    <div class="p">
                                        <img width="117" height="117" src="/static/acweb/release/images/talker51.png" class="erma">
                                        <h4>"51talk无忧英语"微信公众号</h4>
                                    </div>
                                    {/if}
                                </dd>
                                {/if}
                            </dl>
                        </div>
                    </div>

                </div>

            </div>

        </div>

        <audio id='audioBox' class='videoRecord' autoplay preload='auto' controls style="display: none;"></audio>
        {/if}

        <!--课程信息-->
        <input type="hidden" value="{$courseInfo.course_name}" id="courseTitle">
        <input type="hidden" value="{$courseInfo.id}" id="courseIDHid">
        <!--上课时间及结束时间-->
        <input type="hidden" value="{$courseInfo.start_timestamp}" id="startTimeHid">
        <input type="hidden" value="{$courseInfo.end_timestamp}" id="endTimeHid">
        <!--是否开启视频-->
        <input type="hidden" value="{$courseInfo.isopenvideo}" id="isopenVideoHid">
        <!--老师名称-->
        <input type="hidden" value="{$courseInfo.tea_name}" id="teachNameHid">

        <!--用户信息-->
        <input type="hidden" value="{$userInfo.uid}" id="userIdHid">
        <input type="hidden" value="{$userInfo.nickname}" id="userNickHid">

        <!--班级ID-->
        <input type="hidden" value="{$courseInfo.class_id}" id="classIdHid">
        <!--聊天发言时间间隔-->
        <input type="hidden" value="{$limit_speaking}" id="limitSpeakHid">
        <!--渠道号-->
        <input type="hidden" value="{$userInfo.channel}" id="qudaoHid">
        <!--教室最大容量-->
        <input type="hidden" value="{$courseInfo.total_capacity}" id="teaCapacityHid">
        <!--课程是否结束-->
        <input type="hidden" value="{$courseInfo.course_status}" id="isOverHid">

        <!--微信分享用到的参数-->
        <input type="hidden" value="{$wxJsApiConfig.appId}" id="appIdHid">
        <input type="hidden" value="{$wxJsApiConfig.nonceStr}" id="nonceStrHid">
        <input type="hidden" value="{$wxJsApiConfig.timestamp}" id="timestampHid">
        <input type="hidden" value="{$wxJsApiConfig.signature}" id="signatureHid">

        <!--类别：青少 美小  成人  全部-->
        <input type="hidden" value="{$occup}" id="occupIDHid">
    </div>
    <a href="javascript:;" id="btn_next_header">教材 &gt;</a>
    <a href="javascript:;" id="btn_prev" class="active">&lt; 教材</a>
    <a href="javascript:;" id="btn_next">讨论 &gt;</a>
</div>
<!--体验课弹出框，只针对金山-->
<div class="tiyanBox" id="tiyanBox">
    <a href="http://wap.51talk.com/landing/xgjscb_001.html">
    <img src="/static/acweb/release/images/zhuce.png" width="220" height="auto">
    </a>
    <img src="/static/acweb/release/images/reg_close.png" class="clo" id="cloBtn">
</div>
<div class='mask' id='tiyanMask'></div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="/static/acweb/release/js/business/main.min.js"></script>
</body>
</html>